<template>
  <div  v-for="menuItemData in menuItemDataList">
    <MingMenuItem :menuItemData="menuItemData" />
  </div>
</template>


<script>
export default {
  name: 'MingMenu',
  data() {
    return {
      menuItemDataList: [
        {
          "name": "公司",
          "value": "/system/company",
          "query":{
            collect:0
          },
          "children": [

          ],
        },
        {
          "name": "资源",
          "value": "/resource",
          "query":{
            collect:1
          },
          "children": [

          ],
        },
        {
          "name": "角色",
          "value": "/role",
          "query":{
            file_source_type:"burn_disk"
          },
          "children": [

          ],
        },
        {
          "name": "用户",
          "value": "/user",
          "query":{
            file_source_type:"user"
          },
          "children": [

          ],
        },
        {
          "name": "货物",
          "value": "/goods",
          "query":{
            file_source_type:"noti_client"
          },
          "children": [


          ],
        },
      ]
    }
  },
  methods: {},
  mounted() {

  },
}

</script>

<style>
.MingMenuItem{
  width: 52vw;
  background-color: white;
  overflow: hidden;
  color: rgb(51,153,102);
  font-weight: 700;
  font-size: 20px;
}

.MingMenuItem-item {
  cursor: pointer;
}

.MingMenuItem-item:active {
  cursor: pointer;
  background-color: rgb(142,214,232);
}
.MingMenuItem. bold {
  font-weight: bold;
}
.MingMenuItem-ul {
  margin-left: 13px;
  line-height: 1.5em;

}
.MingMenuItem-li{
  /*background-color: pink;*/
  margin-top: 2vw;
  margin-bottom: 2vw;
  list-style-type:none;
  line-height: 6vw;
  margin-left: 5vw;
  font-size: 14px;
}
.MingMenuItem-img{
  position: absolute;
  left: 40vw;
  width: 15px;
  height: 15px;
  transform: translateY(1vw);
}
</style>
